<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03基础选择器</title>
	</head>
	<body>
		<!-- 
		 基础选择器
				id选择器			#id属性值		$("#id属性值")
				类选择器			.class属性值		$(".class属性值")
				元素选择器		标签名/元素名	$("标签名/元素名")
				通用选择器		*				$("*")					选择页面中所有的元素对象
				组合选择器		选择器1，选择器2， $("选择器1，选择器2")  选择指定选择器选中的元素对象
		 -->
		 <div id="mydiv1" class="blue">元素选择器</div>
		 <div id="mydiv1">id选择器1<pan>span中的内容</pan></div>
		 <span class="blue">样式选择器</span>
	</body>
	<script src="js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var mydiv=$("#mydiv1");
		console.log(mydiv);
		
		var classBlue=$(".blue");
		console.log(classBlue);
		
		var divs=$("div");
		console.log(divs);
		
	</script>
</html>
